{{ header }}{{ column_left }}
<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <div class="float-end">
        <button type="submit" form="form-store" data-bs-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa-solid fa-floppy-disk"></i></button>
        <a href="{{ back }}" data-bs-toggle="tooltip" title="{{ button_back }}" class="btn btn-light"><i class="fa-solid fa-reply"></i></a></div>
      <h1>{{ heading_title }}</h1>
      <ol class="breadcrumb">
        {% for breadcrumb in breadcrumbs %}
          <li class="breadcrumb-item"><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
        {% endfor %}
      </ol>
    </div>
  </div>
  <div class="container-fluid">
    <div class="card">
      <div class="card-header"><i class="fa-solid fa-pencil"></i> {{ text_form }}</div>
      <div class="card-body">
        <form id="form-store" action="{{ save }}" method="post" data-oc-toggle="ajax">
          <ul class="nav nav-tabs">
            <li class="nav-item"><a href="#tab-general" data-bs-toggle="tab" class="nav-link active">{{ tab_general }}</a></li>
            <li class="nav-item"><a href="#tab-local" data-bs-toggle="tab" class="nav-link">{{ tab_local }}</a></li>
            <li class="nav-item"><a href="#tab-option" data-bs-toggle="tab" class="nav-link">{{ tab_option }}</a></li>
          </ul>
          <div class="tab-content">
            <div id="tab-general" class="tab-pane active">
              <div class="accordion" id="accordion-general">
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapse-general">{{ text_general }}</button></h2>
                  <div id="collapse-general" class="accordion-collapse show" data-bs-parent="#accordion-general">
                    <div class="accordion-body">
                      <div class="row mb-3">
                        <label for="input-url" class="col-sm-2 col-form-label">{{ entry_url }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_url" value="{{ config_url }}" placeholder="{{ entry_url }}" id="input-url" class="form-control" required/>
                          <div class="form-text">{{ help_url }}</div>
                          <div id="error-url" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <ul class="nav nav-tabs">
                        {% for language in languages %}
                          <li class="nav-item"><a href="#language-{{ language.language_id }}" data-bs-toggle="tab" class="nav-link{% if loop.first %} active{% endif %}"><img src="{{ language.image }}" title="{{ language.name }}"/> {{ language.name }}</a></li>
                        {% endfor %}
                      </ul>
                      <div class="tab-content">
                        {% for language in languages %}
                          <div id="language-{{ language.language_id }}" class="tab-pane{% if loop.first %} active{% endif %}">
                            <div class="row mb-3">
                              <label for="input-meta-title-{{ language.language_id }}" class="col-sm-2 col-form-label">{{ entry_meta_title }}</label>
                              <div class="col-sm-10">
                                <input type="text" name="config_description[{{ language.language_id }}][meta_title]" value="{{ config_description[language.language_id] ? config_description[language.language_id].meta_title }}" placeholder="{{ entry_meta_title }}" id="input-meta-title-{{ language.language_id }}" class="form-control" required/>
                                <div id="error-meta-title-{{ language.language_id }}" class="invalid-feedback"></div>
                              </div>
                            </div>
                            <div class="row mb-3">
                              <label for="input-meta-description-{{ language.language_id }}" class="col-sm-2 col-form-label">{{ entry_meta_description }}</label>
                              <div class="col-sm-10">
                                <textarea name="config_description[{{ language.language_id }}][meta_description]" rows="5" placeholder="{{ entry_meta_description }}" id="input-meta-description-{{ language.language_id }}" class="form-control">{{ config_description[language.language_id] ? config_description[language.language_id].meta_description }}</textarea>
                              </div>
                            </div>
                            <div class="row mb-3">
                              <label for="input-meta-keyword-{{ language.language_id }}" class="col-sm-2 col-form-label">{{ entry_meta_keyword }}</label>
                              <div class="col-sm-10">
                                <textarea name="config_description[{{ language.language_id }}][meta_keyword]" rows="5" placeholder="{{ entry_meta_keyword }}" id="input-meta-keyword-{{ language.language_id }}" class="form-control">{{ config_description[language.language_id] ? config_description[language.language_id].meta_keyword }}</textarea>
                              </div>
                            </div>
                          </div>
                        {% endfor %}
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-theme">{{ text_theme }}</button></h2>
                  <div id="collapse-theme" class="accordion-collapse collapse" data-bs-parent="#accordion-general">
                    <div class="accordion-body">
                      <div class="row mb-3">
                        <label for="input-logo" class="col-sm-2 col-form-label">{{ entry_logo }}</label>
                        <div class="col-sm-10">
                          <div class="border rounded d-block" style="max-width: 300px;">
                            <img src="{{ logo }}" alt="" title="" id="thumb-logo" data-oc-placeholder="{{ placeholder }}" class="img-fluid"/> <input type="hidden" name="config_logo" value="{{ config_logo }}" id="input-logo"/>
                            <div class="d-grid">
                              <button type="button" data-oc-toggle="image" data-oc-target="#input-logo" data-oc-thumb="#thumb-logo" class="btn btn-primary rounded-0"><i class="fa-solid fa-pencil"></i> {{ button_edit }}</button>
                              <button type="button" data-oc-toggle="clear" data-oc-target="#input-logo" data-oc-thumb="#thumb-logo" class="btn btn-warning rounded-0"><i class="fa-regular fa-trash-can"></i> {{ button_clear }}</button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-icon" class="col-sm-2 col-form-label">{{ entry_icon }}</label>
                        <div class="col-sm-10">
                          <div class="border rounded d-block" style="max-width: 300px;">
                            <img src="{{ icon }}" alt="" title="" id="thumb-icon" data-oc-placeholder="{{ placeholder }}" class="img-fluid"/> <input type="hidden" name="config_icon" value="{{ config_icon }}" id="input-icon"/>
                            <div class="d-grid">
                              <button type="button" data-oc-toggle="image" data-oc-target="#input-icon" data-oc-thumb="#thumb-icon" class="btn btn-primary rounded-0"><i class="fa-solid fa-pencil"></i> {{ button_edit }}</button>
                              <button type="button" data-oc-toggle="clear" data-oc-target="#input-icon" data-oc-thumb="#thumb-icon" class="btn btn-warning rounded-0"><i class="fa-regular fa-trash-can"></i> {{ button_clear }}</button>
                            </div>
                          </div>
                          <div class="form-text">{{ help_icon }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-theme" class="col-sm-2 col-form-label">{{ entry_theme }}</label>
                        <div class="col-sm-10">
                          <select name="config_theme" id="input-theme" class="form-select">
                            {% for theme in themes %}
                              <option value="{{ theme.value }}"{% if theme.value == config_theme %} selected{% endif %}>{{ theme.text }}</option>
                            {% endfor %}
                          </select>
                          <br/>
                          <img src="" alt="" id="theme" class="img-thumbnail"/></div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-layout" class="col-sm-2 col-form-label">{{ entry_layout }}</label>
                        <div class="col-sm-10">
                          <select name="config_layout_id" id="input-layout" class="form-select">
                            {% for layout in layouts %}
                              <option value="{{ layout.layout_id }}"{% if layout.layout_id == config_layout_id %} selected{% endif %}>{{ layout.name }}</option>
                            {% endfor %}
                          </select>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-store">{{ text_store }}</button></h2>
                  <div id="collapse-store" class="accordion-collapse collapse" data-bs-parent="#accordion-general">
                    <div class="accordion-body">
                      <div class="row mb-3">
                        <label for="input-name" class="col-sm-2 col-form-label">{{ entry_name }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_name" value="{{ config_name }}" placeholder="{{ entry_name }}" id="input-name" class="form-control" required/>
                          <div id="error-name" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-owner" class="col-sm-2 col-form-label">{{ entry_owner }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_owner" value="{{ config_owner }}" placeholder="{{ entry_owner }}" id="input-owner" class="form-control" required/>
                          <div id="error-owner" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-address" class="col-sm-2 col-form-label">{{ entry_address }}</label>
                        <div class="col-sm-10">
                          <textarea name="config_address" rows="5" placeholder="{{ entry_address }}" id="input-address" class="form-control" required>{{ config_address }}</textarea>
                          <div id="error-address" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-email" class="col-sm-2 col-form-label">{{ entry_email }}</label>
                        <div class="col-sm-10">
                          <input type="email" name="config_email" value="{{ config_email }}" placeholder="{{ entry_email }}" id="input-email" class="form-control" required/>
                          <div id="error-email" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-telephone" class="col-sm-2 col-form-label">{{ entry_telephone }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_telephone" value="{{ config_telephone }}" placeholder="{{ entry_telephone }}" id="input-telephone" class="form-control"/>
                          <div id="error-telephone" class="invalid-feedback"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-contact">{{ text_contact }}</button></h2>
                  <div id="collapse-contact" class="accordion-collapse collapse" data-bs-parent="#accordion-general">
                    <div class="accordion-body">
                      <div class="row mb-3">
                        <label for="input-image" class="col-sm-2 col-form-label">{{ entry_image }}</label>
                        <div class="col-sm-10">
                          <div class="border rounded d-block" style="max-width: 300px;">
                            <img src="{{ thumb }}" alt="" title="" id="thumb-image" data-oc-placeholder="{{ placeholder }}" class="img-fluid"/> <input type="hidden" name="config_image" value="{{ config_image }}" id="input-image"/>
                            <div class="d-grid">
                              <button type="button" data-oc-toggle="image" data-oc-target="#input-image" data-oc-thumb="#thumb-image" class="btn btn-primary rounded-0"><i class="fa-solid fa-pencil"></i> {{ button_edit }}</button>
                              <button type="button" data-oc-toggle="clear" data-oc-target="#input-image" data-oc-thumb="#thumb-image" class="btn btn-warning rounded-0"><i class="fa-regular fa-trash-can"></i> {{ button_clear }}</button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-open" class="col-sm-2 col-form-label">{{ entry_open }}</label>
                        <div class="col-sm-10">
                          <textarea name="config_open" rows="5" placeholder="{{ entry_open }}" id="input-open" class="form-control">{{ config_open }}</textarea>
                          <div class="form-text">{{ help_open }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-comment" class="col-sm-2 col-form-label">{{ entry_comment }}</label>
                        <div class="col-sm-10">
                          <textarea name="config_comment" rows="5" placeholder="{{ entry_comment }}" id="input-comment" class="form-control">{{ config_comment }}</textarea>
                          <div class="form-text">{{ help_comment }}</div>
                        </div>
                      </div>
                      {% if locations %}
                        <div class="row mb-3">
                          <label class="col-sm-2 col-form-label">{{ entry_location }}</label>
                          <div class="col-sm-10">
                            <div class="form-control" style="height: 150px; overflow: auto;">
                              {% for location in locations %}
                                <div class="form-check">
                                  <input type="checkbox" name="config_location[]" value="{{ location.location_id }}" id="input-location-{{ location.location_id }}" class="form-check-input"{% if location.location_id in config_location %} checked{% endif %}/> <label for="input-location-{{ location.location_id }}" class="form-check-label">{{ location.name }}</label>
                                </div>
                              {% endfor %}
                            </div>
                            <div class="form-text">{{ help_location }}</div>
                          </div>
                        </div>
                      {% endif %}
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div id="tab-local" class="tab-pane">
              <fieldset>
                <legend>{{ text_region }}</legend>
                <div class="row mb-3">
                  <label for="input-country" class="col-sm-2 col-form-label">{{ entry_country }}</label>
                  <div class="col-sm-10">
                    <x-country name="config_country_id" value="{{ config_country_id }}" id="x-country" input-id="input-country" input-class="form-select" required>
                      <option value="0">{{ text_select }}</option>
                    </x-country>
                    <div id="error-country" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-zone" class="col-sm-2 col-form-label">{{ entry_zone }}</label>
                  <div class="col-sm-10">
                    <x-zone name="config_zone_id" value="{{ config_zone_id }}" target="x-country" input-id="input-zone" input-class="form-select" required></x-zone>
                    <div id="error-zone" class="invalid-feedback"></div>
                  </div>
                </div>
              </fieldset>
              <fieldset>
                <legend>{{ text_language }}</legend>
                <div class="row mb-3">
                  <label for="input-language-catalog" class="col-sm-2 col-form-label">{{ entry_language }}</label>
                  <div class="col-sm-10">
                    <select name="config_language_catalog" id="input-language-catalog" class="form-select">
                      {% for language in languages %}
                        <option value="{{ language.code }}"{% if language.code == config_language_catalog %} selected{% endif %}>{{ language.name }}</option>
                      {% endfor %}
                    </select>
                  </div>
                </div>
              </fieldset>
              <fieldset>
                <legend>{{ text_currency }}</legend>
                <div class="row mb-3">
                  <label for="input-currency" class="col-sm-2 col-form-label">{{ entry_currency }}</label>
                  <div class="col-sm-10">
                    <select name="config_currency" id="input-currency" class="form-select">
                      {% for currency in currencies %}
                        <option value="{{ currency.code }}"{% if currency.code == config_currency %} selected{% endif %}>{{ currency.title }}</option>
                      {% endfor %}
                    </select>
                    <div class="form-text">{{ help_currency }}</div>
                  </div>
                </div>
              </fieldset>
            </div>
            <div id="tab-option" class="tab-pane">
              <div class="accordion" id="accordion-option">
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-product">{{ text_product }}</button></h2>
                  <div id="collapse-product" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mb-3">
                        <label for="input-product-description-length" class="col-sm-2 col-form-label">{{ entry_product_description_length }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_product_description_length" value="{{ config_product_description_length }}" placeholder="{{ entry_product_description_length }}" id="input-product-description-length" class="form-control" required/>
                          <div class="form-text">{{ help_product_description_length }}</div>
                          <div id="error-product-description-length" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-pagination" class="col-sm-2 col-form-label">{{ entry_pagination }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_pagination" value="{{ config_pagination }}" placeholder="{{ entry_pagination }}" id="input-pagination" class="form-control" required/>
                          <div class="form-text">{{ help_pagination }}</div>
                          <div id="error-pagination" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_product_count }}</label>
                        <div class="col-sm-10">
                          <x-switch name="config_product_count" value="1" checked="{{ config_product_count }}" input-id="input-product-count" input-class="form-switch form-switch-lg"></x-switch>
                          <div class="form-text">{{ help_product_count }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-cms">{{ text_cms }}</button></h2>
                  <div id="collapse-cms" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mb-3">
                        <label for="input-article-description-length" class="col-sm-2 col-form-label">{{ entry_article_description_length }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_article_description_length" value="{{ config_article_description_length }}" placeholder="{{ entry_article_description_length }}" id="input-article-description-length" class="form-control" required/>
                          <div class="form-text">{{ help_article_description_length }}</div>
                          <div id="error-article-description-length" class="invalid-feedback"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-image">{{ text_image }}</button></h2>
                  <div id="collapse-image" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mb-3">
                        <label for="input-image-thumb-width" class="col-sm-2 col-form-label">{{ entry_image_thumb }}</label>
                        <div class="col-sm-10">
                          <div id="input-image-thumb" class="row">
                            <div class="col-sm-6">
                              <input type="text" name="config_image_thumb_width" value="{{ config_image_thumb_width }}" placeholder="{{ entry_width }}" id="input-image-thumb-width" class="form-control" required/>
                            </div>
                            <div class="col-sm-6">
                              <input type="text" name="config_image_thumb_height" value="{{ config_image_thumb_height }}" placeholder="{{ entry_height }}" id="input-image-thumb-height" class="form-control" required/>
                            </div>
                          </div>
                          <div id="error-image-thumb" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-image-popup-width" class="col-sm-2 col-form-label">{{ entry_image_popup }}</label>
                        <div class="col-sm-10">
                          <div id="input-image-popup" class="row">
                            <div class="col-sm-6">
                              <input type="text" name="config_image_popup_width" value="{{ config_image_popup_width }}" placeholder="{{ entry_width }}" id="input-image-popup-width" class="form-control" required/>
                            </div>
                            <div class="col-sm-6">
                              <input type="text" name="config_image_popup_height" value="{{ config_image_popup_height }}" placeholder="{{ entry_height }}" id="input-image-popup-height" class="form-control" required/>
                            </div>
                          </div>
                          <div id="error-image-popup" class="invalid-feedback"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-legal">{{ text_legal }}</button></h2>
                  <div id="collapse-legal" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mt-2 mb-3">
                        <label for="input-cookie" class="col-sm-2 col-form-label">{{ entry_cookie }}</label>
                        <div class="col-sm-10">
                          <select name="config_cookie_id" id="input-cookie" class="form-select">
                            <option value="0">{{ text_none }}</option>
                            {% for information in informations %}
                              <option value="{{ information.information_id }}"{% if information.information_id == config_cookie_id %} selected{% endif %}>{{ information.title }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_cookie }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-gdpr" class="col-sm-2 col-form-label">{{ entry_gdpr }}</label>
                        <div class="col-sm-10">
                          <select name="config_gdpr_id" id="input-gdpr" class="form-select">
                            <option value="0">{{ text_none }}</option>
                            {% for information in informations %}
                              <option value="{{ information.information_id }}"{% if information.information_id == config_gdpr_id %} selected{% endif %}>{{ information.title }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_gdpr }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-tax">{{ text_tax }}</button></h2>
                  <div id="collapse-tax" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_tax }}</label>
                        <div class="col-sm-10">
                          <x-switch name="config_tax" value="1" checked="{{ config_tax }}" input-id="input-tax" input-class="form-switch form-switch-lg"></x-switch>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-tax-default" class="col-sm-2 col-form-label">{{ entry_tax_default }}</label>
                        <div class="col-sm-10">
                          <select name="config_tax_default" id="input-tax-default" class="form-select">
                            <option value="">{{ text_none }}</option>
                            <option value="shipping"{% if config_tax_default == 'shipping' %} selected{% endif %}>{{ text_shipping }}</option>
                            <option value="payment"{% if config_tax_default == 'payment' %} selected{% endif %}>{{ text_payment }}</option>
                          </select>
                          <div class="form-text">{{ help_tax_default }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-tax-customer" class="col-sm-2 col-form-label">{{ entry_tax_customer }}</label>
                        <div class="col-sm-10">
                          <select name="config_tax_customer" id="input-tax-customer" class="form-select">
                            <option value="">{{ text_none }}</option>
                            <option value="shipping"{% if config_tax_customer == 'shipping' %} selected{% endif %}>{{ text_shipping }}</option>
                            <option value="payment"{% if config_tax_customer == 'payment' %} selected{% endif %}>{{ text_payment }}</option>
                          </select>
                          <div class="form-text">{{ help_tax_customer }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-account">{{ text_account }}</button></h2>
                  <div id="collapse-account" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mb-3">
                        <label for="input-customer-group" class="col-sm-2 col-form-label">{{ entry_customer_group }}</label>
                        <div class="col-sm-10">
                          <select name="config_customer_group_id" id="input-customer-group" class="form-select">
                            {% for customer_group in customer_groups %}
                              <option value="{{ customer_group.customer_group_id }}"{% if customer_group.customer_group_id == config_customer_group_id %} selected{% endif %}>{{ customer_group.name }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_customer_group }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_customer_group_display }}</label>
                        <div class="col-sm-10">
                          <div id="input-customer-group-display" class="form-control" style="height: 150px; overflow: auto;">
                            {% for customer_group in customer_groups %}
                              <div class="form-check">
                                <input type="checkbox" name="config_customer_group_display[]" value="{{ customer_group.customer_group_id }}" id="input-customer-group-{{ customer_group.customer_group_id }}" class="form-check-input"{% if customer_group.customer_group_id in config_customer_group_display %} checked{% endif %}/> <label for="input-customer-group-{{ customer_group.customer_group_id }}" class="form-check-label">{{ customer_group.name }}</label>
                              </div>
                            {% endfor %}
                          </div>
                          <div class="form-text">{{ help_customer_group_display }}</div>
                          <div id="error-customer-group-display" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_customer_price }}</label>
                        <div class="col-sm-10">
                          <x-switch name="config_customer_price" value="1" checked="{{ config_customer_price }}" input-id="input-customer-price" input-class="form-switch form-switch-lg"></x-switch>
                          <div class="form-text">{{ help_customer_price }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-account" class="col-sm-2 col-form-label">{{ entry_account }}</label>
                        <div class="col-sm-10">
                          <select name="config_account_id" id="input-account" class="form-select">
                            <option value="0">{{ text_none }}</option>
                            {% for information in informations %}
                              <option value="{{ information.information_id }}"{% if information.information_id == config_account_id %} selected{% endif %}>{{ information.title }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_account }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-checkout">{{ text_checkout }}</button></h2>
                  <div id="collapse-checkout" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_cart_weight }}</label>
                        <div class="col-sm-10">
                          <x-switch name="config_cart_weight" value="1" checked="{{ config_cart_weight }}" input-id="input-cart-weight" input-class="form-switch form-switch-lg"></x-switch>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_checkout_guest }}</label>
                        <div class="col-sm-10">
                          <x-switch name="config_checkout_guest" value="1" checked="{{ config_checkout_guest }}" input-id="input-checkout-guest" input-class="form-switch form-switch-lg"></x-switch>
                          <div class="form-text">{{ help_checkout_guest }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-checkout" class="col-sm-2 col-form-label">{{ entry_checkout }}</label>
                        <div class="col-sm-10">
                          <select name="config_checkout_id" id="input-checkout" class="form-select">
                            <option value="0">{{ text_none }}</option>
                            {% for information in informations %}
                              <option value="{{ information.information_id }}"{% if information.information_id == config_checkout_id %} selected{% endif %}>{{ information.title }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_checkout }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-stock">{{ text_stock }}</button></h2>
                  <div id="collapse-stock" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_stock_display }}</label>
                        <div class="col-sm-10">
                          <x-switch name="config_stock_display" value="1" checked="{{ config_stock_display }}" input-id="input-stock-display" input-class="form-switch form-switch-lg"></x-switch>
                          <div class="form-text">{{ help_stock_display }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_stock_checkout }}</label>
                        <div class="col-sm-10">
                          <x-switch name="config_stock_checkout" value="1" checked="{{ config_stock_checkout }}" input-id="input-stock-checkout" input-class="form-switch form-switch-lg"></x-switch>
                          <div class="form-text">{{ help_stock_checkout }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <input type="hidden" name="store_id" value="{{ store_id }}" id="input-store-id"/></form>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript" src="view/javascript/setting.js"></script>
{{ footer }} 
